// page {
// 	background: #f2f2f4;
// 	padding: 0 14 * 2rpx 14 * 2rpx 14 * 2rpx;
// 	box-sizing: border-box;
// 	font-size: $uni-font-text;
// 	color: #333333;
// }

/*margin 30*/
.carder {
	margin: 28rpx 0 0 0;
	padding: 28rpx;
	background-color: #ffffff;
	border-radius: 8 * 2rpx;
	// box-shadow: #dfdfdf 0px 0px 14px 5px;
}
/deep/.u-button--primary {
	background-color: #429eac !important;
	border-color: #429eac !important;
}

.card:hover {
	background-color: #ffffff;
	// box-shadow: #fefefe 0px 0px 3px 2px;
}

.card:active {
	background-color: #fbfafa;
	// box-shadow: #fefefe 0px 0px 3px 2px;
}

// 弹窗
.popup {
	width: 320 * 2rpx;
	border-radius: 8 * 2rpx;
	padding: 28rpx;
}

.AddTop2 {
	width: 100%;
	margin-bottom: 14 * 2rpx;
	border-bottom: 1px solid #ccc;
}

// 删除弹窗专用样式
.payDalete {
	width: 319 * 2rpx;
	height: 100 * 2rpx;
	border-radius: 8 * 2rpx;
	padding: 14 * 2rpx;
}
.payDalete-top {
	text-align: center;
	height: 50 * 2rpx;
	font-size: 15 * 2rpx;
	line-height: 50 * 2rpx;
	margin-bottom: 14 * 2rpx;
}

// 搜索 添加 组件 输入框标题
.AddTitle {
	color: $uni-font-size-title;
	margin: 14rpx 0 14rpx 0;
}
.TextAdd {
	font-size: $uni-font-title;
	color: #333;
	margin-bottom: 12 * 2rpx;
}
.AddText {
	height: 28rpx;
	border-bottom: 1rpx solid #cccccc;
	display: flex;
	padding-bottom: 10rpx;
	.kong {
		flex: 1;
	}
	.ash {
		color: #cccccc;
	}
}
.isColorGrey {
	font-size: $uni-font-text;
	color: #c0c4cc;
}

.isColorBlack {
	font-size: $uni-font-text;
	color: #333333;
}
.AddTime {
	display: flex;
	justify-content: space-around;
	align-items: center;
	.ash {
		color: #cccccc;
	}
}

.font-12 {
	font-size: 12 * 2rpx !important;
}

.u-tag {
	display: flex;
	justify-content: center;
}

.u-tag--mini {
	// width: 92rpx;
	height: 37rpx;
	// padding:0 40rpx!important;
	// 设置相同padding
}

// .ico 图标图片大小
.ico {
	width: 88rem;
	height: 88rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.border-solid {
	padding-bottom: 14 * 2rpx;
	border-bottom: 1px solid #cccccc;
}
.border-solid:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.border-0:first-child .units {
	padding: 0 !important;
}

/* // 定义内外边距，历遍1-80 */
@for $i from 0 through 80 {
	/* // 只要双数和能被5除尽的数 */
	@if $i % 2 == 0 or $i % 5 == 0 {
		/* // 得出：z-mg-30 */
		.z-mg-#{$i} {
			margin: $i + upx !important;
		}

		/* // 得出：z-pd-30 */
		.z-pd-#{$i} {
			padding: $i + upx !important;
		}

		@each $short, $long in l left, t top, r right, b bottom {
			/* // 如： z-mg-l-30 */
			/* // 定义外边距 */
			.z-mg-#{$short}-#{$i} {
				margin-#{$long}: $i + upx !important;
			}

			/* // 定义内边距 */
			.z-pd-#{$short}-#{$i} {
				padding-#{$long}: $i + upx !important;
			}
		}
	}
}

/*文字大小*/
/* 文字20 - 50 .z-f-s- */
@for $i from 18 through 60 {
	.z-f-s-#{$i} {
		font-size: $i + rpx;
	}
}

/*边框*/
/* 目前设置为黑色 可随时更改 */
$z-border-color: #000000;

.z-border-1 {
	border: 1upx solid $z-border-color;
}

.z-border-r-1 {
	border-right: 1upx solid $z-border-color;
}

.z-border-l-1 {
	border-left: 1upx solid $z-border-color;
}

.z-border-t-1 {
	border-top: 1upx solid $z-border-color;
}

.z-border-b-1 {
	border-bottom: 1upx solid $z-border-color;
}

/* border radius  圆角 */
.z-border-radius-5 {
	border-radius: 5upx;
}

.z-border-radius-10 {
	border-radius: 10upx;
}
.z-border-radius-15 {
	border-radius: 15upx;
}

.z-border-radius-20 {
	border-radius: 20upx;
}

.z-border-radius-25 {
	border-radius: 25upx;
}

/*强制文本一行*/

.z-line-1 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.z-line-2 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

/*文字加粗*/

.z-f-w-500 {
	font-weight: 500;
}

.z-f-w-600 {
	font-weight: 600;
}

/*背景颜色*/

.z-bg-fff {
	background: #ffffff;
}

/*字体颜色*/

.z-c-9a {
	color: #9a9a9a;
}

.z-c-66 {
	color: #666666;
}

.z-c-ff {
	color: #ffffff;
}

.z-c-00 {
	color: #000000;
}

.z-c-47A2E4 {
	color: #47a2e4;
}

.z-c-ee {
	color: #eeeeee;
}

.z-c-99 {
	color: #999999;
}
.z-c-f5 {
	color: #f5f5f5;
}
